import React, { useState } from 'react'
import { ShareAltOutlined, LikeOutlined, StarOutlined } from '@ant-design/icons';
import { Space } from 'antd';
import ToolsAnimation from './ToolsAnimation';

interface Props {

}

/**
 * 收藏，点赞，分享面板
 * @param props 
 * @returns 
 */
const ToolsPanel = (props: Props) => {
    return (
        <div className='tools-panel'>
            <Space size={30}>
                <ToolsAnimation show={false} text='2000' >
                    <LikeOutlined />
                </ToolsAnimation>
                <ToolsAnimation show={false} text='1000' >
                    <StarOutlined />
                </ToolsAnimation>
                <span className='tools-item'><ShareAltOutlined /> 10000</span>
            </Space>
        </div>
    )
}

export default ToolsPanel;
